<template>
   <div>
     <h1>主目录</h1>
     <h2 @click="send">Vue</h2>
     <h2 @click="send1">React</h2>
      <RouterView />
    <!-- <WujieVue name="vue" :props="{name:'vue',age:18}" url="http://localhost:5175"> </WujieVue>
    <WujieVue name="react" url="http://localhost:5174"> </WujieVue> -->
   </div>
   
</template>

<script setup lang="ts">
import { useRouter, useRoute ,RouterView} from 'vue-router';
import { reactive, ref } from 'vue';

const router = useRouter()


const send = () => {
     router.push({ path: '/vue' })
}
const send1 = () => {
     router.push({ path: '/react' })
}
</script>

<style scoped>

</style>
